<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<html lang="zh-CN">
<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <jsp:include page="commom.jsp"/>

    <!-- Bootstrap 的 CSS 文件 -->

    <title>Management</title>
    <script>
        function gotoEdit() {
            window.location.href="/user/edit";
        }
    </script>
</head>
<body>
<jsp:include page="top.jsp"></jsp:include>
<div class="container-fluid" >
    <div class="row">
        <%--        左边导航--%>
        <jsp:include page="left.jsp"/>

            <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">

                <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
                    <div class="col-md-8 order-md-1">
                        <h4 class="mb-3" align="center">个人信息</h4>
                        <form class="needs-validation" novalidate>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="id">用户ID</label>
                                    <input type="text" class="form-control" id="id" placeholder="" value="${user.id}" required readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="username">用户名</label>
                                    <input type="text" class="form-control" id="username" placeholder="" value="${user.username}" required readonly>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label for="nickname">昵称</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" id="nickname" placeholder="" value="${user.nickname}" required readonly>
                                </div>
                            </div>


                            <div class="mb-3">
                                <label for="phone">电话号码</label>
                                <input type="text" class="form-control" id="phone" placeholder="" value="${user.phone}" readonly>

                            </div>


                            <div class="mb-3">
                                <label for="createdate">创建日期</label>
                                <input type="text" class="form-control" id="createdate" placeholder="" value="${user.createdate}" readonly>

                            </div>


                            <hr class="mb-4">
                            <button class="btn btn-primary btn-lg btn-block" type="button" onclick="gotoEdit()">修改</button>
                        </form>
                    </div>
                </div>

                <canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas>

            </main>
    </div>
</div>


</body>
</html>
